<script setup lang="ts">
import dayjs from 'dayjs';
import { ref } from 'vue';
import 'dayjs/locale/zh-cn';


defineProps<{
}>()

</script>

<template>
  		<div class="spliter">
			<div class="number">229</div>
			<div class="qr">
				■□■□
				■□■□
			</div>
		</div>
</template>

<style scoped>
	.spliter{
		width: 69em;
		height: 15em;
		background-color: rgb(218, 214, 214);
		box-shadow: 0 0.3em 0.3em 0 rgb(0, 0, 0,30%);
		border-radius: 2em 2em 0 0;
		display: flex;
		flex-direction: row;
		justify-content: flex-end;
		align-items: flex-start;
	}
	.spliter .number{
		font-size: 4em;
		color: rgb(0, 0, 0, 30%);
		margin-right: 1em;
	}
	.spliter .qr{
		width: 3em;
		height: 3em;
		/* background-color: rgb(0, 0, 0); */
		border-radius: 0.5em;
		margin-right: 1em;
		position: absolute;
		top: 6em;
		right: 4em;
		color:rgba(70, 69, 69, 0.732);
		border: 0.1em solid rgba(70, 69, 69, 0.432);
	}
</style>